(function($) {
	// USE STRICT
	"use strict";

	try {
		// WidgetChart 1
		var ctx = document.getElementById("widgetChart1");
		if (ctx) {
			ctx.height = 130;
			var myChart = new Chart(ctx, {
				type : 'line',
				data : {
					labels : [ 'January', 'February', 'March', 'April', 'May',
							'June', 'July' ],
					type : 'line',
					datasets : [ {
						data : [ 78, 81, 80, 45, 34, 12, 40 ],
						label : 'Dataset',
						backgroundColor : 'rgba(255,255,255,.1)',
						borderColor : 'rgba(255,255,255,.55)',
					}, ]
				},
				options : {
					maintainAspectRatio : true,
					legend : {
						display : false
					},
					layout : {
						padding : {
							left : 0,
							right : 0,
							top : 0,
							bottom : 0
						}
					},
					responsive : true,
					scales : {
						xAxes : [ {
							gridLines : {
								color : 'transparent',
								zeroLineColor : 'transparent'
							},
							ticks : {
								fontSize : 2,
								fontColor : 'transparent'
							}
						} ],
						yAxes : [ {
							display : false,
							ticks : {
								display : false,
							}
						} ]
					},
					title : {
						display : false,
					},
					elements : {
						line : {
							borderWidth : 0
						},
						point : {
							radius : 0,
							hitRadius : 10,
							hoverRadius : 4
						}
					}
				}
			});
		}

		// WidgetChart 2
		var ctx = document.getElementById("widgetChart2");
		if (ctx) {
			ctx.height = 130;
			var myChart = new Chart(ctx, {
				type : 'line',
				data : {
					labels : [ 'January', 'February', 'March', 'April', 'May',
							'June' ],
					type : 'line',
					datasets : [ {
						data : [ 1, 18, 9, 17, 34, 22 ],
						label : 'Dataset',
						backgroundColor : 'transparent',
						borderColor : 'rgba(255,255,255,.55)',
					}, ]
				},
				options : {

					maintainAspectRatio : false,
					legend : {
						display : false
					},
					responsive : true,
					tooltips : {
						mode : 'index',
						titleFontSize : 12,
						titleFontColor : '#000',
						bodyFontColor : '#000',
						backgroundColor : '#fff',
						titleFontFamily : 'Montserrat',
						bodyFontFamily : 'Montserrat',
						cornerRadius : 3,
						intersect : false,
					},
					scales : {
						xAxes : [ {
							gridLines : {
								color : 'transparent',
								zeroLineColor : 'transparent'
							},
							ticks : {
								fontSize : 2,
								fontColor : 'transparent'
							}
						} ],
						yAxes : [ {
							display : false,
							ticks : {
								display : false,
							}
						} ]
					},
					title : {
						display : false,
					},
					elements : {
						line : {
							tension : 0.00001,
							borderWidth : 1
						},
						point : {
							radius : 4,
							hitRadius : 10,
							hoverRadius : 4
						}
					}
				}
			});
		}

		// WidgetChart 3
		var ctx = document.getElementById("widgetChart3");
		if (ctx) {
			ctx.height = 130;
			var myChart = new Chart(ctx, {
				type : 'line',
				data : {
					labels : [ 'January', 'February', 'March', 'April', 'May',
							'June' ],
					type : 'line',
					datasets : [ {
						data : [ 65, 59, 84, 84, 51, 55 ],
						label : 'Dataset',
						backgroundColor : 'transparent',
						borderColor : 'rgba(255,255,255,.55)',
					}, ]
				},
				options : {

					maintainAspectRatio : false,
					legend : {
						display : false
					},
					responsive : true,
					tooltips : {
						mode : 'index',
						titleFontSize : 12,
						titleFontColor : '#000',
						bodyFontColor : '#000',
						backgroundColor : '#fff',
						titleFontFamily : 'Montserrat',
						bodyFontFamily : 'Montserrat',
						cornerRadius : 3,
						intersect : false,
					},
					scales : {
						xAxes : [ {
							gridLines : {
								color : 'transparent',
								zeroLineColor : 'transparent'
							},
							ticks : {
								fontSize : 2,
								fontColor : 'transparent'
							}
						} ],
						yAxes : [ {
							display : false,
							ticks : {
								display : false,
							}
						} ]
					},
					title : {
						display : false,
					},
					elements : {
						line : {
							borderWidth : 1
						},
						point : {
							radius : 4,
							hitRadius : 10,
							hoverRadius : 4
						}
					}
				}
			});
		}

		// WidgetChart 4
		var ctx = document.getElementById("widgetChart4");
		if (ctx) {
			ctx.height = 115;
			var myChart = new Chart(ctx,
					{
						type : 'bar',
						data : {
							labels : [ 'January', 'February', 'March', 'April',
									'May', 'June', 'July', 'August',
									'September', 'October', 'November',
									'December' ],
							datasets : [ {
								label : "My First dataset",
								data : [ 78, 81, 80, 65, 58, 75, 60, 75, 65,
										60, 60, 75 ],
								borderColor : "transparent",
								borderWidth : "0",
								backgroundColor : "rgba(255,255,255,.3)"
							} ]
						},
						options : {
							maintainAspectRatio : true,
							legend : {
								display : false
							},
							scales : {
								xAxes : [ {
									display : false,
									categoryPercentage : 1,
									barPercentage : 0.65
								} ],
								yAxes : [ {
									display : false
								} ]
							}
						}
					});
		}

		// Recent Report
		const brandProduct = 'rgba(0,181,233,0.8)'
		const brandService = 'rgba(0,173,95,0.8)'

		var elements = 10
		var data1 = [ 52, 60, 55, 50, 65, 80, 57, 70, 105, 115 ]
		var data2 = [ 102, 70, 80, 100, 56, 53, 80, 75, 65, 90 ]

		var ctx = document.getElementById("recent-rep-chart");
		if (ctx) {
			ctx.height = 250;
			var myChart = new Chart(ctx, {
				type : 'line',
				data : {
					labels : [ 'January', 'February', 'March', 'April', 'May',
							'June', 'July', 'August', 'September', '' ],
					datasets : [ {
						label : 'My First dataset',
						backgroundColor : brandService,
						borderColor : 'transparent',
						pointHoverBackgroundColor : '#fff',
						borderWidth : 0,
						data : data1

					}, {
						label : 'My Second dataset',
						backgroundColor : brandProduct,
						borderColor : 'transparent',
						pointHoverBackgroundColor : '#fff',
						borderWidth : 0,
						data : data2

					} ]
				},
				options : {
					maintainAspectRatio : true,
					legend : {
						display : false
					},
					responsive : true,
					scales : {
						xAxes : [ {
							gridLines : {
								drawOnChartArea : true,
								color : '#f2f2f2'
							},
							ticks : {
								fontFamily : "Poppins",
								fontSize : 12
							}
						} ],
						yAxes : [ {
							ticks : {
								beginAtZero : true,
								maxTicksLimit : 5,
								stepSize : 50,
								max : 150,
								fontFamily : "Poppins",
								fontSize : 12
							},
							gridLines : {
								display : true,
								color : '#f2f2f2'

							}
						} ]
					},
					elements : {
						point : {
							radius : 0,
							hitRadius : 10,
							hoverRadius : 4,
							hoverBorderWidth : 3
						}
					}

				}
			});
		}

		// Percent Chart
		var ctx = document.getElementById("percent-chart");
		if (ctx) {
			ctx.height = 280;
			var myChart = new Chart(ctx, {
				type : 'doughnut',
				data : {
					datasets : [ {
						label : "My First dataset",
						data : [ 60, 40 ],
						backgroundColor : [ '#00b5e9', '#fa4251' ],
						hoverBackgroundColor : [ '#00b5e9', '#fa4251' ],
						borderWidth : [ 0, 0 ],
						hoverBorderColor : [ 'transparent', 'transparent' ]
					} ],
					labels : [ 'Products', 'Services' ]
				},
				options : {
					maintainAspectRatio : false,
					responsive : true,
					cutoutPercentage : 55,
					animation : {
						animateScale : true,
						animateRotate : true
					},
					legend : {
						display : false
					},
					tooltips : {
						titleFontFamily : "Poppins",
						xPadding : 15,
						yPadding : 10,
						caretPadding : 0,
						bodyFontSize : 16
					}
				}
			});
		}

	} catch (error) {
		console.log(error);
	}

	try {

		// Recent Report 2
		const bd_brandProduct2 = 'rgba(0,181,233,0.9)'
		const bd_brandService2 = 'rgba(0,173,95,0.9)'
		const brandProduct2 = 'rgba(0,181,233,0.2)'
		const brandService2 = 'rgba(0,173,95,0.2)'

		var data3 = [ 52, 60, 55, 50, 65, 80, 57, 70, 105, 115 ]
		var data4 = [ 102, 70, 80, 100, 56, 53, 80, 75, 65, 90 ]

		var ctx = document.getElementById("recent-rep2-chart");
		if (ctx) {
			ctx.height = 230;
			var myChart = new Chart(ctx, {
				type : 'line',
				data : {
					labels : [ 'January', 'February', 'March', 'April', 'May',
							'June', 'July', 'August', 'September', '' ],
					datasets : [ {
						label : 'My First dataset',
						backgroundColor : brandService2,
						borderColor : bd_brandService2,
						pointHoverBackgroundColor : '#fff',
						borderWidth : 0,
						data : data3

					}, {
						label : 'My Second dataset',
						backgroundColor : brandProduct2,
						borderColor : bd_brandProduct2,
						pointHoverBackgroundColor : '#fff',
						borderWidth : 0,
						data : data4

					} ]
				},
				options : {
					maintainAspectRatio : true,
					legend : {
						display : false
					},
					responsive : true,
					scales : {
						xAxes : [ {
							gridLines : {
								drawOnChartArea : true,
								color : '#f2f2f2'
							},
							ticks : {
								fontFamily : "Poppins",
								fontSize : 12
							}
						} ],
						yAxes : [ {
							ticks : {
								beginAtZero : true,
								maxTicksLimit : 5,
								stepSize : 50,
								max : 150,
								fontFamily : "Poppins",
								fontSize : 12
							},
							gridLines : {
								display : true,
								color : '#f2f2f2'

							}
						} ]
					},
					elements : {
						point : {
							radius : 0,
							hitRadius : 10,
							hoverRadius : 4,
							hoverBorderWidth : 3
						},
						line : {
							tension : 0
						}
					}

				}
			});
		}

	} catch (error) {
		console.log(error);
	}

	try {

		// Recent Report 3
		const bd_brandProduct3 = 'rgba(0,181,233,0.9)';
		const bd_brandService3 = 'rgba(0,173,95,0.9)';
		const brandProduct3 = 'transparent';
		const brandService3 = 'transparent';

		var data5 = [ 52, 60, 55, 50, 65, 80, 57, 115 ];
		var data6 = [ 102, 70, 80, 100, 56, 53, 80, 90 ];

		var ctx = document.getElementById("recent-rep3-chart");
		if (ctx) {
			ctx.height = 230;
			var myChart = new Chart(ctx, {
				type : 'line',
				data : {
					labels : [ 'January', 'February', 'March', 'April', 'May',
							'June', 'July', '' ],
					datasets : [ {
						label : 'My First dataset',
						backgroundColor : brandService3,
						borderColor : bd_brandService3,
						pointHoverBackgroundColor : '#fff',
						borderWidth : 0,
						data : data5,
						pointBackgroundColor : bd_brandService3
					}, {
						label : 'My Second dataset',
						backgroundColor : brandProduct3,
						borderColor : bd_brandProduct3,
						pointHoverBackgroundColor : '#fff',
						borderWidth : 0,
						data : data6,
						pointBackgroundColor : bd_brandProduct3

					} ]
				},
				options : {
					maintainAspectRatio : false,
					legend : {
						display : false
					},
					responsive : true,
					scales : {
						xAxes : [ {
							gridLines : {
								drawOnChartArea : true,
								color : '#f2f2f2'
							},
							ticks : {
								fontFamily : "Poppins",
								fontSize : 12
							}
						} ],
						yAxes : [ {
							ticks : {
								beginAtZero : true,
								maxTicksLimit : 5,
								stepSize : 50,
								max : 150,
								fontFamily : "Poppins",
								fontSize : 12
							},
							gridLines : {
								display : false,
								color : '#f2f2f2'
							}
						} ]
					},
					elements : {
						point : {
							radius : 3,
							hoverRadius : 4,
							hoverBorderWidth : 3,
							backgroundColor : '#333'
						}
					}

				}
			});
		}

	} catch (error) {
		console.log(error);
	}

	try {
		// WidgetChart 5
		var ctx = document.getElementById("widgetChart5");
		if (ctx) {
			ctx.height = 220;
			var myChart = new Chart(ctx,
					{
						type : 'bar',
						data : {
							labels : [ 'January', 'February', 'March', 'April',
									'May', 'June', 'July', 'August',
									'September', 'October', 'November',
									'December' ],
							datasets : [ {
								label : "My First dataset",
								data : [ 78, 81, 80, 64, 65, 80, 70, 75, 67,
										85, 66, 68 ],
								borderColor : "transparent",
								borderWidth : "0",
								backgroundColor : "#ccc",
							} ]
						},
						options : {
							maintainAspectRatio : true,
							legend : {
								display : false
							},
							scales : {
								xAxes : [ {
									display : false,
									categoryPercentage : 1,
									barPercentage : 0.65
								} ],
								yAxes : [ {
									display : false
								} ]
							}
						}
					});
		}

	} catch (error) {
		console.log(error);
	}

	try {

		// Percent Chart 2
		var ctx = document.getElementById("percent-chart2");
		if (ctx) {
			ctx.height = 209;
			var myChart = new Chart(ctx, {
				type : 'doughnut',
				data : {
					datasets : [ {
						label : "My First dataset",
						data : [ 60, 40 ],
						backgroundColor : [ '#00b5e9', '#fa4251' ],
						hoverBackgroundColor : [ '#00b5e9', '#fa4251' ],
						borderWidth : [ 0, 0 ],
						hoverBorderColor : [ 'transparent', 'transparent' ]
					} ],
					labels : [ 'Products', 'Services' ]
				},
				options : {
					maintainAspectRatio : false,
					responsive : true,
					cutoutPercentage : 87,
					animation : {
						animateScale : true,
						animateRotate : true
					},
					legend : {
						display : false,
						position : 'bottom',
						labels : {
							fontSize : 14,
							fontFamily : "Poppins,sans-serif"
						}

					},
					tooltips : {
						titleFontFamily : "Poppins",
						xPadding : 15,
						yPadding : 10,
						caretPadding : 0,
						bodyFontSize : 16,
					}
				}
			});
		}

	} catch (error) {
		console.log(error);
	}

	try {
		// Sales chart
		var ctx = document.getElementById("sales-chart");
		if (ctx) {
			ctx.height = 150;
			var myChart = new Chart(ctx, {
				type : 'line',
				data : {
					labels : [ "2010", "2011", "2012", "2013", "2014", "2015",
							"2016" ],
					type : 'line',
					defaultFontFamily : 'Poppins',
					datasets : [ {
						label : "Foods",
						data : [ 0, 30, 10, 120, 50, 63, 10 ],
						backgroundColor : 'transparent',
						borderColor : 'rgba(220,53,69,0.75)',
						borderWidth : 3,
						pointStyle : 'circle',
						pointRadius : 5,
						pointBorderColor : 'transparent',
						pointBackgroundColor : 'rgba(220,53,69,0.75)',
					}, {
						label : "Electronics",
						data : [ 0, 50, 40, 80, 40, 79, 120 ],
						backgroundColor : 'transparent',
						borderColor : 'rgba(40,167,69,0.75)',
						borderWidth : 3,
						pointStyle : 'circle',
						pointRadius : 5,
						pointBorderColor : 'transparent',
						pointBackgroundColor : 'rgba(40,167,69,0.75)',
					} ]
				},
				options : {
					responsive : true,
					tooltips : {
						mode : 'index',
						titleFontSize : 12,
						titleFontColor : '#000',
						bodyFontColor : '#000',
						backgroundColor : '#fff',
						titleFontFamily : 'Poppins',
						bodyFontFamily : 'Poppins',
						cornerRadius : 3,
						intersect : false,
					},
					legend : {
						display : false,
						labels : {
							usePointStyle : true,
							fontFamily : 'Poppins',
						},
					},
					scales : {
						xAxes : [ {
							display : true,
							gridLines : {
								display : false,
								drawBorder : false
							},
							scaleLabel : {
								display : false,
								labelString : 'Month'
							},
							ticks : {
								fontFamily : "Poppins"
							}
						} ],
						yAxes : [ {
							display : true,
							gridLines : {
								display : false,
								drawBorder : false
							},
							scaleLabel : {
								display : true,
								labelString : 'Value',
								fontFamily : "Poppins"

							},
							ticks : {
								fontFamily : "Poppins"
							}
						} ]
					},
					title : {
						display : false,
						text : 'Normal Legend'
					}
				}
			});
		}

	} catch (error) {
		console.log(error);
	}

	try {

		// Team chart
		var ctx = document.getElementById("team-chart");
		if (ctx) {
			ctx.height = 150;
			var myChart = new Chart(ctx, {
				type : 'line',
				data : {
					labels : [ "2010", "2011", "2012", "2013", "2014", "2015",
							"2016" ],
					type : 'line',
					defaultFontFamily : 'Poppins',
					datasets : [ {
						data : [ 0, 7, 3, 5, 2, 10, 7 ],
						label : "Expense",
						backgroundColor : 'rgba(0,103,255,.15)',
						borderColor : 'rgba(0,103,255,0.5)',
						borderWidth : 3.5,
						pointStyle : 'circle',
						pointRadius : 5,
						pointBorderColor : 'transparent',
						pointBackgroundColor : 'rgba(0,103,255,0.5)',
					}, ]
				},
				options : {
					responsive : true,
					tooltips : {
						mode : 'index',
						titleFontSize : 12,
						titleFontColor : '#000',
						bodyFontColor : '#000',
						backgroundColor : '#fff',
						titleFontFamily : 'Poppins',
						bodyFontFamily : 'Poppins',
						cornerRadius : 3,
						intersect : false,
					},
					legend : {
						display : false,
						position : 'top',
						labels : {
							usePointStyle : true,
							fontFamily : 'Poppins',
						},

					},
					scales : {
						xAxes : [ {
							display : true,
							gridLines : {
								display : false,
								drawBorder : false
							},
							scaleLabel : {
								display : false,
								labelString : 'Month'
							},
							ticks : {
								fontFamily : "Poppins"
							}
						} ],
						yAxes : [ {
							display : true,
							gridLines : {
								display : false,
								drawBorder : false
							},
							scaleLabel : {
								display : true,
								labelString : 'Value',
								fontFamily : "Poppins"
							},
							ticks : {
								fontFamily : "Poppins"
							}
						} ]
					},
					title : {
						display : false,
					}
				}
			});
		}

	} catch (error) {
		console.log(error);
	}

	try {
		// bar chart
		var ctx = document.getElementById("barChart");
		if (ctx) {
			ctx.height = 200;
			var myChart = new Chart(ctx, {
				type : 'bar',
				defaultFontFamily : 'Poppins',
				data : {
					labels : [ "January", "February", "March", "April", "May",
							"June", "July" ],
					datasets : [ {
						label : "My First dataset",
						data : [ 65, 59, 80, 81, 56, 55, 40 ],
						borderColor : "rgba(0, 123, 255, 0.9)",
						borderWidth : "0",
						backgroundColor : "rgba(0, 123, 255, 0.5)",
						fontFamily : "Poppins"
					}, {
						label : "My Second dataset",
						data : [ 28, 48, 40, 19, 86, 27, 90 ],
						borderColor : "rgba(0,0,0,0.09)",
						borderWidth : "0",
						backgroundColor : "rgba(0,0,0,0.07)",
						fontFamily : "Poppins"
					} ]
				},
				options : {
					legend : {
						position : 'top',
						labels : {
							fontFamily : 'Poppins'
						}

					},
					scales : {
						xAxes : [ {
							ticks : {
								fontFamily : "Poppins"

							}
						} ],
						yAxes : [ {
							ticks : {
								beginAtZero : true,
								fontFamily : "Poppins"
							}
						} ]
					}
				}
			});
		}

	} catch (error) {
		console.log(error);
	}

	try {

		// radar chart
		var ctx = document.getElementById("radarChart");
		if (ctx) {
			ctx.height = 200;
			var myChart = new Chart(ctx, {
				type : 'radar',
				data : {
					labels : [ [ "Eating", "Dinner" ], [ "Drinking", "Water" ],
							"Sleeping", [ "Designing", "Graphics" ], "Coding",
							"Cycling", "Running" ],
					defaultFontFamily : 'Poppins',
					datasets : [ {
						label : "My First dataset",
						data : [ 65, 59, 66, 45, 56, 55, 40 ],
						borderColor : "rgba(0, 123, 255, 0.6)",
						borderWidth : "1",
						backgroundColor : "rgba(0, 123, 255, 0.4)"
					}, {
						label : "My Second dataset",
						data : [ 28, 12, 40, 19, 63, 27, 87 ],
						borderColor : "rgba(0, 123, 255, 0.7",
						borderWidth : "1",
						backgroundColor : "rgba(0, 123, 255, 0.5)"
					} ]
				},
				options : {
					legend : {
						position : 'top',
						labels : {
							fontFamily : 'Poppins'
						}

					},
					scale : {
						ticks : {
							beginAtZero : true,
							fontFamily : "Poppins"
						}
					}
				}
			});
		}

	} catch (error) {
		console.log(error)
	}

	try {

		// line chart
		var ctx = document.getElementById("lineChart");
		if (ctx) {
			ctx.height = 150;
			var myChart = new Chart(ctx, {
				type : 'line',
				data : {
					labels : [ "January", "February", "March", "April", "May",
							"June", "July" ],
					defaultFontFamily : "Poppins",
					datasets : [ {
						label : "My First dataset",
						borderColor : "rgba(0,0,0,.09)",
						borderWidth : "1",
						backgroundColor : "rgba(0,0,0,.07)",
						data : [ 22, 44, 67, 43, 76, 45, 12 ]
					}, {
						label : "My Second dataset",
						borderColor : "rgba(0, 123, 255, 0.9)",
						borderWidth : "1",
						backgroundColor : "rgba(0, 123, 255, 0.5)",
						pointHighlightStroke : "rgba(26,179,148,1)",
						data : [ 16, 32, 18, 26, 42, 33, 44 ]
					} ]
				},
				options : {
					legend : {
						position : 'top',
						labels : {
							fontFamily : 'Poppins'
						}

					},
					responsive : true,
					tooltips : {
						mode : 'index',
						intersect : false
					},
					hover : {
						mode : 'nearest',
						intersect : true
					},
					scales : {
						xAxes : [ {
							ticks : {
								fontFamily : "Poppins"

							}
						} ],
						yAxes : [ {
							ticks : {
								beginAtZero : true,
								fontFamily : "Poppins"
							}
						} ]
					}

				}
			});
		}

	} catch (error) {
		console.log(error);
	}

	try {

		// doughut chart
		var ctx = document.getElementById("doughutChart");
		if (ctx) {
			ctx.height = 150;
			var myChart = new Chart(ctx, {
				type : 'doughnut',
				data : {
					datasets : [ {
						data : [ 105, 25, 20, 10 ],
						backgroundColor : [ "rgba(0, 123, 255,0.9)",
								"rgba(0, 123, 255,0.7)",
								"rgba(0, 123, 255,0.5)", "rgba(0,0,0,0.07)" ],
						hoverBackgroundColor : [ "rgba(0, 123, 255,0.9)",
								"rgba(0, 123, 255,0.7)",
								"rgba(0, 123, 255,0.5)", "rgba(0,0,0,0.07)" ]

					} ],
					labels : [ right, "Green", "Green", "11" ]
				},
				options : {
					legend : {
						position : 'top',
						labels : {
							fontFamily : 'Poppins'
						}

					},
					responsive : true
				}
			});
		}

	} catch (error) {
		console.log(error);
	}

	try {

		// pie chart
		var ctx = document.getElementById("pieChart");
		if (ctx) {
			ctx.height = 200;
			var myChart = new Chart(ctx, {
				type : 'pie',
				data : {
					datasets : [ {
						data : [ 45, 25, 20, 10 ],
						backgroundColor : [ "rgba(0, 123, 255,0.9)",
								"rgba(0, 123, 255,0.7)",
								"rgba(0, 123, 255,0.5)", "rgba(0,0,0,0.07)" ],
						hoverBackgroundColor : [ "rgba(0, 123, 255,0.9)",
								"rgba(0, 123, 255,0.7)",
								"rgba(0, 123, 255,0.5)", "rgba(0,0,0,0.07)" ]

					} ],
					labels : [ "Green", "Green", "Green" ]
				},
				options : {
					legend : {
						position : 'top',
						labels : {
							fontFamily : 'Poppins'
						}

					},
					responsive : true
				}
			});
		}

	} catch (error) {
		console.log(error);
	}

	try {

		// polar chart
		var ctx = document.getElementById("polarChart");
		if (ctx) {
			ctx.height = 200;
			var myChart = new Chart(ctx, {
				type : 'polarArea',
				data : {
					datasets : [ {
						data : [ 15, 18, 9, 6, 19 ],
						backgroundColor : [ "rgba(0, 123, 255,0.9)",
								"rgba(0, 123, 255,0.8)",
								"rgba(0, 123, 255,0.7)", "rgba(0,0,0,0.2)",
								"rgba(0, 123, 255,0.5)" ]

					} ],
					labels : [ "Green", "Green", "Green", "Green" ]
				},
				options : {
					legend : {
						position : 'top',
						labels : {
							fontFamily : 'Poppins'
						}

					},
					responsive : true
				}
			});
		}

	} catch (error) {
		console.log(error);
	}

	try {

		// single bar chart
		var ctx = document.getElementById("singelBarChart");
		if (ctx) {
			ctx.height = 150;
			var myChart = new Chart(ctx, {
				type : 'bar',
				data : {
					labels : [ "Sun", "Mon", "Tu", "Wed", "Th", "Fri", "Sat" ],
					datasets : [ {
						label : "My First dataset",
						data : [ 40, 55, 75, 81, 56, 55, 40 ],
						borderColor : "rgba(0, 123, 255, 0.9)",
						borderWidth : "0",
						backgroundColor : "rgba(0, 123, 255, 0.5)"
					} ]
				},
				options : {
					legend : {
						position : 'top',
						labels : {
							fontFamily : 'Poppins'
						}

					},
					scales : {
						xAxes : [ {
							ticks : {
								fontFamily : "Poppins"

							}
						} ],
						yAxes : [ {
							ticks : {
								beginAtZero : true,
								fontFamily : "Poppins"
							}
						} ]
					}
				}
			});
		}

	} catch (error) {
		console.log(error);
	}

})(jQuery);

(function($) {
	// USE STRICT
	"use strict";
	$(".animsition")
			.animsition(
					{
						inClass : 'fade-in',
						outClass : 'fade-out',
						inDuration : 900,
						outDuration : 900,
						linkElement : 'a:not([target="_blank"]):not([href^="#"]):not([class^="chosen-single"])',
						loading : true,
						loadingParentElement : 'html',
						loadingClass : 'page-loader',
						loadingInner : '<div class="page-loader__spin"></div>',
						timeout : false,
						timeoutCountdown : 5000,
						onLoadEvent : true,
						browser : [ 'animation-duration',
								'-webkit-animation-duration' ],
						overlay : false,
						overlayClass : 'animsition-overlay-slide',
						overlayParentElement : 'html',
						transition : function(url) {
							window.location.href = url;
						}
					});

})(jQuery);
(function($) {
	// USE STRICT
	"use strict";

	// Map
	try {

		var vmap = $('#vmap');
		if (vmap[0]) {
			vmap.vectorMap({
				map : 'world_en',
				backgroundColor : null,
				color : '#ffffff',
				hoverOpacity : 0.7,
				selectedColor : '#1de9b6',
				enableZoom : true,
				showTooltip : true,
				values : sample_data,
				scaleColors : [ '#1de9b6', '#03a9f5' ],
				normalizeFunction : 'polynomial'
			});
		}

	} catch (error) {
		console.log(error);
	}

	// Europe Map
	try {

		var vmap1 = $('#vmap1');
		if (vmap1[0]) {
			vmap1.vectorMap({
				map : 'europe_en',
				color : '#007BFF',
				borderColor : '#fff',
				backgroundColor : '#fff',
				enableZoom : true,
				showTooltip : true
			});
		}

	} catch (error) {
		console.log(error);
	}

	// USA Map
	try {

		var vmap2 = $('#vmap2');

		if (vmap2[0]) {
			vmap2.vectorMap({
				map : 'usa_en',
				color : '#007BFF',
				borderColor : '#fff',
				backgroundColor : '#fff',
				enableZoom : true,
				showTooltip : true,
				selectedColor : null,
				hoverColor : null,
				colors : {
					mo : '#001BFF',
					fl : '#001BFF',
					or : '#001BFF'
				},
				onRegionClick : function(event, code, region) {
					event.preventDefault();
				}
			});
		}

	} catch (error) {
		console.log(error);
	}

	// Germany Map
	try {

		var vmap3 = $('#vmap3');
		if (vmap3[0]) {
			vmap3.vectorMap({
				map : 'germany_en',
				color : '#007BFF',
				borderColor : '#fff',
				backgroundColor : '#fff',
				onRegionClick : function(element, code, region) {
					var message = 'You clicked "' + region
							+ '" which has the code: ' + code.toUpperCase();

					alert(message);
				}
			});
		}

	} catch (error) {
		console.log(error);
	}

	// France Map
	try {

		var vmap4 = $('#vmap4');
		if (vmap4[0]) {
			vmap4.vectorMap({
				map : 'france_fr',
				color : '#007BFF',
				borderColor : '#fff',
				backgroundColor : '#fff',
				enableZoom : true,
				showTooltip : true
			});
		}

	} catch (error) {
		console.log(error);
	}

	// Russia Map
	try {
		var vmap5 = $('#vmap5');
		if (vmap5[0]) {
			vmap5.vectorMap({
				map : 'russia_en',
				color : '#007BFF',
				borderColor : '#fff',
				backgroundColor : '#fff',
				hoverOpacity : 0.7,
				selectedColor : '#999999',
				enableZoom : true,
				showTooltip : true,
				scaleColors : [ '#C8EEFF', '#006491' ],
				normalizeFunction : 'polynomial'
			});
		}

	} catch (error) {
		console.log(error);
	}

	// Brazil Map
	try {

		var vmap6 = $('#vmap6');
		if (vmap6[0]) {
			vmap6.vectorMap({
				map : 'brazil_br',
				color : '#007BFF',
				borderColor : '#fff',
				backgroundColor : '#fff',
				onRegionClick : function(element, code, region) {
					var message = 'You clicked "' + region
							+ '" which has the code: ' + code.toUpperCase();
					alert(message);
				}
			});
		}

	} catch (error) {
		console.log(error);
	}
})(jQuery);
(function($) {
	// Use Strict
	"use strict";
	try {
		var progressbarSimple = $('.js-progressbar-simple');
		progressbarSimple.each(function() {
			var that = $(this);
			var executed = false;
			$(window).on(
					'load',
					function() {

						that.waypoint(function() {
							if (!executed) {
								executed = true;
								/* progress bar */
								that
										.progressbar({
											update : function(
													current_percentage, $this) {
												$this.find('.js-value').html(
														current_percentage
																+ '%');
											}
										});
							}
						}, {
							offset : 'bottom-in-view'
						});

					});
		});
	} catch (err) {
		console.log(err);
	}
})(jQuery);
(function($) {
	// USE STRICT
	"use strict";

	// Scroll Bar
	try {
		var jscr1 = $('.js-scrollbar1');
		if (jscr1[0]) {
			const ps1 = new PerfectScrollbar('.js-scrollbar1');
		}

		var jscr2 = $('.js-scrollbar2');
		if (jscr2[0]) {
			const ps2 = new PerfectScrollbar('.js-scrollbar2');

		}

	} catch (error) {
		console.log(error);
	}

})(jQuery);
(function($) {
	// USE STRICT
	"use strict";

	// Select 2
	try {

		$(".js-select2").each(function() {
			$(this).select2({
				minimumResultsForSearch : 20,
				dropdownParent : $(this).next('.dropDownSelect2')
			});
		});

	} catch (error) {
		console.log(error);
	}

})(jQuery);
(function($) {
	// USE STRICT
	"use strict";

	// Dropdown
	try {
		var menu = $('.js-item-menu');
		var sub_menu_is_showed = -1;

		for (var i = 0; i < menu.length; i++) {
			$(menu[i]).on('click', function(e) {
				e.preventDefault();
				$('.js-right-sidebar').removeClass("show-sidebar");
				if (jQuery.inArray(this, menu) == sub_menu_is_showed) {
					$(this).toggleClass('show-dropdown');
					sub_menu_is_showed = -1;
				} else {
					for (var i = 0; i < menu.length; i++) {
						$(menu[i]).removeClass("show-dropdown");
					}
					$(this).toggleClass('show-dropdown');
					sub_menu_is_showed = jQuery.inArray(this, menu);
				}
			});
		}
		$(".js-item-menu, .js-dropdown").click(function(event) {
			event.stopPropagation();
		});

		$("body,html").on("click", function() {
			for (var i = 0; i < menu.length; i++) {
				menu[i].classList.remove("show-dropdown");
			}
			sub_menu_is_showed = -1;
		});

	} catch (error) {
		console.log(error);
	}

	var wW = $(window).width();
	// Right Sidebar
	var right_sidebar = $('.js-right-sidebar');
	var sidebar_btn = $('.js-sidebar-btn');

	sidebar_btn.on('click', function(e) {
		e.preventDefault();
		for (var i = 0; i < menu.length; i++) {
			menu[i].classList.remove("show-dropdown");
		}
		sub_menu_is_showed = -1;
		right_sidebar.toggleClass("show-sidebar");
	});

	$(".js-right-sidebar, .js-sidebar-btn").click(function(event) {
		event.stopPropagation();
	});

	$("body,html").on("click", function() {
		right_sidebar.removeClass("show-sidebar");

	});

	// Sublist Sidebar
	try {
		var arrow = $('.js-arrow');
		arrow.each(function() {
			var that = $(this);
			that.on('click', function(e) {
				e.preventDefault();
				that.find(".arrow").toggleClass("up");
				that.toggleClass("open");
				that.parent().find('.js-sub-list').slideToggle("250");
			});
		});

	} catch (error) {
		console.log(error);
	}

	try {
		// Hamburger Menu
		$('.hamburger').on('click', function() {
			$(this).toggleClass('is-active');
			$('.navbar-mobile').slideToggle('500');
		});
		$('.navbar-mobile__list li.has-dropdown > a').on('click', function() {
			var dropdown = $(this).siblings('ul.navbar-mobile__dropdown');
			$(this).toggleClass('active');
			$(dropdown).slideToggle('500');
			return false;
		});
	} catch (error) {
		console.log(error);
	}
})(jQuery);
(function($) {
	// USE STRICT
	"use strict";

	// Load more
	try {
		var list_load = $('.js-list-load');
		if (list_load[0]) {
			list_load.each(function() {
				var that = $(this);
				that.find('.js-load-item').hide();
				var load_btn = that.find('.js-load-btn');
				load_btn.on('click', function(e) {
					$(this).text("Loading...").delay(1500).queue(
							function(next) {
								$(this).hide();
								that.find(".js-load-item").fadeToggle("slow",
										'swing');
							});
					e.preventDefault();
				});
			})

		}
	} catch (error) {
		console.log(error);
	}

})(jQuery);
(function($) {
	// USE STRICT
	"use strict";

	try {

		$('[data-toggle="tooltip"]').tooltip();

	} catch (error) {
		console.log(error);
	}

	// Chatbox
	try {
		var inbox_wrap = $('.js-inbox');
		var message = $('.au-message__item');
		message.each(function() {
			var that = $(this);

			that.on('click',
					function() {
						$(this).parent().parent().parent().toggleClass(
								'show-chat-box');
					});
		});

	} catch (error) {
		console.log(error);
	}

})(jQuery);